<template>
  <div class="wrapper">
    <div v-for="item in shopList" :key="item._id">
      <h3>{{item.shopName}}</h3>
      <img :src="'/api'+item.shopPic" class="img-a" />
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      shopList: []
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  async mounted() {
    const { shopList } = await this.$axios.get(
      "shopList/" + this.$route.params.shopTypeId
    );
    this.shopList = shopList;
  }
};
</script>
<style lang="less" scoped>
.img-a {
  width: 100%;
  margin-top: 10px;

}
h3 {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: hotpink;
}
</style>